<script type="text/javascript">
    $(document).ready(function(){
        $('label').click(function(){
            if($(this).children('input').is(":checked")){
                $(this).css('background-color','#f7edb8');
                $(this).nextAll().css('background-color','#f8fbf9');
                $(this).prevAll().css('background-color','#f8fbf9');
            }
        })
    })
</script>

<#list question as entity>
     <li class="questionnaire">
         <span class="problem"  content="${entity.id}">${entity.name}</span>
         <div class="big">
             <#list answer as a>
                 <label for="${entity.id}-${a.id}" id="c1" class="answer" content="${a.id}">
                     <input type="radio" data-id="${entity.id}-${a.id}" name="opption${entity.id}" id="${entity.id}-${a.id}"/>${a.name}
                 </label>
             </#list>
         </div>
         <div class="w1"><img src="/img/w1.png" ></div>
     </li>
</#list>